* {                     /* 通配符选择器，作用于所有 HTML 元素 */
    margin: 0;          /* 清除浏览器默认外边距 */
    padding: 0;         /* 清除浏览器默认内边距 */
    box-sizing: border-box; /* 设置盒模型计算方式：宽高包含边框和内边距 */
}

/* 基础样式 */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;      /* 隐藏内容溢出 */
    position: fixed;
}

/* 主容器布局 */
.app-container {
    display: flex;          /* 启用弹性布局 */
    flex-direction: column; /* 垂直排列子元素 */
    width: 100%;
    height: 100%;          /* 继承父容器高度 */
    padding: 15px 10px 0px 15px;
    background-color: #fff;
}



/* 搜索区域 */
.search-area {
    padding: 10px 10px 0px 10px;  /* 上/左右/下内边距 */
    background-color: #fff;       /* 白色背景 */
    flex-shrink: 0;              /* 禁止收缩保持固定高度 */
    margin-bottom: -8px;         /* 负外边距抵消下方间距 */
    border-radius: 2px;          /* 轻微圆角 */
}

/* 功能按钮区域 */
.function-area {
    padding: 5px;                /* 紧凑内边距 */
    background-color: #fff;      /* 延续白色背景 */
    flex-shrink: 0;              /* 保持固定高度 */
}

/* 操作链接样式 */
.operation-links {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 表单帮助文本 */
.el-form-item-help {
    margin-top: 4px;
    color: #909399;
    font-size: 12px;
    line-height: 1.2;
}

.text-muted {
    color: #909399;
}
